<div class="sp-wrap">
    <div class="sp-inner">
        <ul class="sp-menu level-0">
            <li class="menu-item active first">
                <a href="./" class="menu-item active first" >
                    <span class="menu">
                        <span class="menu-title">Home</span>
                    </span>
                </a>
            </li>
            <li class="menu-item parent">
                <a href="#" class="menu-item parent" >
                    <span class="menu">
                        <span class="menu-title">Styles</span>
                    </span>
                </a>
                <div class="submenu">
                    <div class="submenu-wrap">
                        <div class="menu-tl">
                            <div class="menu-tr">
                                <div class="menu-tm"></div>
                            </div>
                        </div>
                        <div class="menu-l">
                            <div class="menu-r">
                                <div class="submenu-inner clearfix" style="width: 500px;">
                                    <div class="megacol col1 first" style="width: 250px;">
                                        <ul class="sp-menu level-1">
                                            <li class="menu-item first group">
                                                <div class="group">
                                                    <div class="group-content">
                                                        <ul class="sp-menu level-1">
                                                            <li class="menu-item first">
                                                                <a href="http://demo.joomshaper.com/joomla25/express/?style=style1" class="menu-item first" >
                                                                    <span class="menu">
                                                                        <img class="menu-image" src="http://demo.joomshaper.com/joomla25/express/images/stories/demo/presets/preset1.png" alt=" " />
                                                                        <span class="menu-title">Style1</span>
                                                                        <span class="menu-desc">Dark Green</span>
                                                                    </span>
                                                                </a>
                                                            </li>
                                                            <li class="menu-item">
                                                                <a href="http://demo.joomshaper.com/joomla25/express/?style=style2" class="menu-item" >
                                                                    <span class="menu">
                                                                        <img class="menu-image" src="http://demo.joomshaper.com/joomla25/express/images/stories/demo/presets/preset2.png" alt=" " /><span class="menu-title">Style2</span>
                                                                        <span class="menu-desc">Navy Blue</span>
                                                                    </span>
                                                                </a>
                                                            </li>
                                                            <li class="menu-item">
                                                                <a href="http://demo.joomshaper.com/joomla25/express/?style=style3" class="menu-item" >
                                                                    <span class="menu">
                                                                        <img class="menu-image" src="http://demo.joomshaper.com/joomla25/express/images/stories/demo/presets/preset3.png" alt=" " />
                                                                        <span class="menu-title">Style3</span>
                                                                        <span class="menu-desc">Light Red</span>
                                                                    </span></a></li><li class="menu-item last">
                                                                <a href="http://demo.joomshaper.com/joomla25/express/?style=style4" class="menu-item last" >
                                                                    <span class="menu">
                                                                        <img class="menu-image" src="http://demo.joomshaper.com/joomla25/express/images/stories/demo/presets/preset4.png" alt=" " /><span class="menu-title">Style4</span><span class="menu-desc">Deep Yellow</span></span></a></li></ul></div></div></li></ul></div><div class="megacol col2 last" style="width: 250px;"><ul class="sp-menu level-1"><li class="menu-item first group"><div class="group"><div class="group-content"><ul class="sp-menu level-1"><li class="menu-item first"><a href="http://demo.joomshaper.com/joomla25/express/?style=style5" class="menu-item first" ><span class="menu">
                                                                        <img class="menu-image" src="http://demo.joomshaper.com/joomla25/express/images/stories/demo/presets/preset5.png" alt=" " /><span class="menu-title">Style5</span><span class="menu-desc">Violate</span></span></a></li><li class="menu-item"><a href="http://demo.joomshaper.com/joomla25/express/?style=style6" class="menu-item" ><span class="menu"><img class="menu-image" src="http://demo.joomshaper.com/joomla25/express/images/stories/demo/presets/preset6.png" alt=" " /><span class="menu-title">Style6</span>
                                                                        <span class="menu-desc">Light Green</span>
                                                                    </span>
                                                                </a>
                                                            </li>
                                                            <li class="menu-item">
                                                                <a href="http://demo.joomshaper.com/joomla25/express/?style=style7" class="menu-item" >
                                                                    <span class="menu">
                                                                        <img class="menu-image" src="http://demo.joomshaper.com/joomla25/express/images/stories/demo/presets/preset7.png" alt=" " />
                                                                        <span class="menu-title">Style7</span>
                                                                        <span class="menu-desc">Maroon</span>

                                                                    </span>
                                                                </a>
                                                            </li>
                                                            <li class="menu-item last">
                                                                <a href="http://demo.joomshaper.com/joomla25/express/?style=style8" class="menu-item last" >
                                                                    <span class="menu">
                                                                        <img class="menu-image" src="http://demo.joomshaper.com/joomla25/express/images/stories/demo/presets/preset8.png" alt=" " />
                                                                        <span class="menu-title">Style8</span>
                                                                        <span class="menu-desc">Dark Olive</span>

                                                                    </span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="menu-bl">
                            <div class="menu-br">
                                <div class="menu-bm">

                                </div>

                            </div>

                        </div>

                    </div>

                </div>
            </li>
            <li class="menu-item">
                <a href="./portfolio" class="menu-item" >
                    <span class="menu">
                        <span class="menu-title">Portfolio</span>
                    </span>
                </a>
            </li>
            <li class="menu-item parent">
                <a href="http://demo.joomshaper.com/joomla25/express/index.php/explore" class="menu-item parent" >
                    <span class="menu">
                        <span class="menu-title">Explore</span>                                    
                    </span>
                </a>
                <div class="submenu">
                    <div class="submenu-wrap">
                        <div class="menu-tl">
                            <div class="menu-tr">
                                <div class="menu-tm"></div>                                            
                            </div>                                            
                        </div><div class="menu-l">
                            <div class="menu-r">
                                <div class="submenu-inner clearfix" style="width: 500px;">
                                    <div class="megacol col1 first" style="width: 250px;">
                                        <ul class="sp-menu level-1">
                                            <li class="menu-item first group">
                                                <div class="group">
                                                    <div class="group-content">
                                                        <ul class="sp-menu level-1">
                                                            <li class="menu-item first">
                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/explore/2011-08-15-05-52-35/typography" class="menu-item first" >
                                                                    <span class="menu"><span class="menu-title">Typography</span>
                                                                    </span>
                                                                </a>
                                                            </li>
                                                            <li class="menu-item">
                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/explore/2011-08-15-05-52-35/module-positions" class="menu-item" >
                                                                    <span class="menu"><span class="menu-title">Module Positions</span>
                                                                    </span>
                                                                </a>
                                                            </li>
                                                            <li class="menu-item"><a href="http://demo.joomshaper.com/joomla25/express/index.php/explore/2011-08-15-05-52-35/module-variations" class="menu-item" >
                                                                    <span class="menu">
                                                                        <span class="menu-title">Module Variations</span>
                                                                    </span>
                                                                </a>
                                                            </li>
                                                            <li class="menu-item last">
                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php?44=&amp;Itemid=471" class="menu-item last" >
                                                                    <span class="menu">
                                                                        <span class="menu-title">Error Page</span>
                                                                    </span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="megacol col2 last" style="width: 250px;">
                                        <ul class="sp-menu level-1">
                                            <li class="menu-item first group">
                                                <div class="group">
                                                    <div class="group-content">
                                                        <ul class="sp-menu level-1">
                                                            <li class="menu-item first">
                                                                <a href="http://demo.joomshaper.com/joomla25/express/?menu=mega" class="menu-item first" >
                                                                    <span class="menu">
                                                                        <span class="menu-title">Mega Menu</span>                                                                                                
                                                                    </span>
                                                                </a>
                                                            </li>
                                                            <li class="menu-item">
                                                                <a href="http://demo.joomshaper.com/joomla25/express/?menu=moo" class="menu-item" >
                                                                    <span class="menu">
                                                                        <span class="menu-title">Moo Menu</span></span>
                                                                </a>
                                                            </li>
                                                            <li class="menu-item">
                                                                <a href="http://demo.joomshaper.com/joomla25/express/?menu=drop" class="menu-item" >
                                                                    <span class="menu">
                                                                        <span class="menu-title">Dropline Menu</span>                                                                                                
                                                                    </span>
                                                                </a>
                                                            </li>
                                                            <li class="menu-item last">
                                                                <a href="http://demo.joomshaper.com/joomla25/express/?menu=split" class="menu-item last" >
                                                                    <span class="menu">
                                                                        <span class="menu-title">Split Menu</span>
                                                                    </span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="menu-bl">
                            <div class="menu-br">
                                <div class="menu-bm"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="menu-item">
                <a href="./about_us" class="menu-item" >
                    <span class="menu">
                        <span class="menu-title">About Us</span>                                                                                                    
                    </span>
                </a>
            </li>
            <li class="menu-item parent">
                <a href="http://demo.joomshaper.com/joomla25/express/index.php/blog" class="menu-item parent" >
                    <span class="menu">
                        <span class="menu-title">Blog</span>
                    </span>
                </a>
                <div class="submenu">
                    <div class="submenu-wrap">
                        <div class="menu-tl">
                            <div class="menu-tr">
                                <div class="menu-tm"></div>                                                                                                                
                            </div>                                                                                                            
                        </div>
                        <div class="menu-l">
                            <div class="menu-r">
                                <div class="submenu-inner clearfix" style="width: 250px;">
                                    <div class="megacol col1 first" style="width: 250px;">
                                        <ul class="sp-menu level-1">
                                            <li class="menu-item first">
                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/blog/tag" class="menu-item first" >
                                                    <span class="menu">
                                                        <span class="menu-title">Tag</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li class="menu-item"><a href="http://demo.joomshaper.com/joomla25/express/index.php/blog/user-blog" class="menu-item" >
                                                    <span class="menu">
                                                        <span class="menu-title">User Blog</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li class="menu-item last parent">
                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/blog/categories" class="menu-item last parent" >
                                                    <span class="menu">
                                                        <span class="menu-title">Categories</span>
                                                    </span>
                                                </a>
                                                <div class="submenu">
                                                    <div class="submenu-wrap">
                                                        <div class="menu-tl">
                                                            <div class="menu-tr">
                                                                <div class="menu-tm"></div>                                                                
                                                            </div>                                                            
                                                        </div>
                                                        <div class="menu-l">
                                                            <div class="menu-r">
                                                                <div class="submenu-inner clearfix" style="width: 250px;">
                                                                    <div class="megacol col1 first" style="width: 250px;">
                                                                        <ul class="sp-menu level-2">
                                                                            <li class="menu-item first">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/blog/categories/news" class="menu-item first" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">News</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item last">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/blog/categories/tips" class="menu-item last" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Tips</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="menu-bl">
                                                            <div class="menu-br">
                                                                <div class="menu-bm"></div>

                                                            </div>

                                                        </div>

                                                    </div>

                                                </div>
                                            </li>
                                        </ul>

                                    </div>

                                </div>

                            </div>

                        </div>
                        <div class="menu-bl">
                            <div class="menu-br">
                                <div class="menu-bm"></div>

                            </div>

                        </div>

                    </div>

                </div>
            </li>
            <li class="menu-item parent">
                <a href="#" class="menu-item parent" >
                    <span class="menu">
                        <span class="menu-title">RTL Demos</span>

                    </span>
                </a>
                <div class="submenu">
                    <div class="submenu-wrap">
                        <div class="menu-tl">
                            <div class="menu-tr">
                                <div class="menu-tm"></div>

                            </div>

                        </div>
                        <div class="menu-l">
                            <div class="menu-r">
                                <div class="submenu-inner clearfix" style="width: 250px;">
                                    <div class="megacol col1 first" style="width: 250px;">
                                        <ul class="sp-menu level-1">
                                            <li class="menu-item first">
                                                <a href="http://demo.joomshaper.com/joomla25/express/?direction=ltr" class="menu-item first" >
                                                    <span class="menu">
                                                        <span class="menu-title">LTR Language</span>

                                                    </span>
                                                </a>
                                            </li>
                                            <li class="menu-item last">
                                                <a href="http://demo.joomshaper.com/joomla25/express/?direction=rtl" class="menu-item last" >
                                                    <span class="menu">
                                                        <span class="menu-title">RTL Language</span>

                                                    </span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="menu-bl">
                            <div class="menu-br">
                                <div class="menu-bm"></div>

                            </div>

                        </div>

                    </div>

                </div>
            </li>
            <li class="menu-item parent">
                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla" class="menu-item parent" >
                    <span class="menu">
                        <span class="menu-title">Joomla!</span>

                    </span>
                </a>
                <div class="submenu">
                    <div class="submenu-wrap">
                        <div class="menu-tl">
                            <div class="menu-tr">
                                <div class="menu-tm"></div>

                            </div>

                        </div>
                        <div class="menu-l">
                            <div class="menu-r">
                                <div class="submenu-inner clearfix" style="width: 250px;">
                                    <div class="megacol col1 first" style="width: 250px;">
                                        <ul class="sp-menu level-1">
                                            <li class="menu-item first parent">
                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/content-component" class="menu-item first parent" >
                                                    <span class="menu">
                                                        <span class="menu-title">Content Component</span>

                                                    </span>
                                                </a>
                                                <div class="submenu">
                                                    <div class="submenu-wrap">
                                                        <div class="menu-tl">
                                                            <div class="menu-tr">
                                                                <div class="menu-tm"></div>

                                                            </div>

                                                        </div>
                                                        <div class="menu-l">
                                                            <div class="menu-r">
                                                                <div class="submenu-inner clearfix" style="width: 250px;">
                                                                    <div class="megacol col1 first" style="width: 250px;">
                                                                        <ul class="sp-menu level-2">
                                                                            <li class="menu-item first">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/content-component/single-article" class="menu-item first" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Single Article</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/content-component/article-category-blog" class="menu-item" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Article Category Blog</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/content-component/article-category-list" class="menu-item" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Article Category List</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/content-component/featured-articles" class="menu-item" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Featured Articles</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/content-component/submit-article" class="menu-item" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Submit Article</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/content-component/article-categories" class="menu-item" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Article Categories</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item last">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/content-component/archived-articles" class="menu-item last" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Archived Articles</span>                                                                                        
                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="menu-bl">
                                                            <div class="menu-br">
                                                                <div class="menu-bm"></div>

                                                            </div>

                                                        </div>

                                                    </div>

                                                </div>
                                            </li>
                                            <li class="menu-item parent">
                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/contact-component" class="menu-item parent" >
                                                    <span class="menu">
                                                        <span class="menu-title">Contact Component</span>

                                                    </span>
                                                </a>
                                                <div class="submenu">
                                                    <div class="submenu-wrap">
                                                        <div class="menu-tl">
                                                            <div class="menu-tr">
                                                                <div class="menu-tm"></div>

                                                            </div>

                                                        </div>
                                                        <div class="menu-l">
                                                            <div class="menu-r">
                                                                <div class="submenu-inner clearfix" style="width: 250px;">
                                                                    <div class="megacol col1 first" style="width: 250px;">
                                                                        <ul class="sp-menu level-2">
                                                                            <li class="menu-item first">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/contact-component/featured-contacts" class="menu-item first" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Featured Contacts</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/contact-component/contact-categories" class="menu-item" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Contact Categories</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item last">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/contact-component/contact-single-category" class="menu-item last" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Contact Single Category</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="menu-bl">
                                                            <div class="menu-br">
                                                                <div class="menu-bm"></div>

                                                            </div>

                                                        </div>

                                                    </div>

                                                </div>
                                            </li>
                                            <li class="menu-item parent">
                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/weblinks-component" class="menu-item parent" >
                                                    <span class="menu">
                                                        <span class="menu-title">Weblinks</span>

                                                    </span>
                                                </a>
                                                <div class="submenu">
                                                    <div class="submenu-wrap">
                                                        <div class="menu-tl">
                                                            <div class="menu-tr">
                                                                <div class="menu-tm"></div>

                                                            </div>

                                                        </div>
                                                        <div class="menu-l">
                                                            <div class="menu-r">
                                                                <div class="submenu-inner clearfix" style="width: 250px;">
                                                                    <div class="megacol col1 first" style="width: 250px;">
                                                                        <ul class="sp-menu level-2">
                                                                            <li class="menu-item first">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/weblinks-component/submit-a-weblink" class="menu-item first" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Submit a Weblink</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/weblinks-component/weblinks-single-category" class="menu-item" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Weblinks Single Category</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item last">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/weblinks-component/weblinks-categories" class="menu-item last" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Weblinks Categories</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="menu-bl">
                                                            <div class="menu-br">
                                                                <div class="menu-bm"></div>

                                                            </div>

                                                        </div>

                                                    </div>

                                                </div>
                                            </li>
                                            <li class="menu-item parent">
                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/users-component" class="menu-item parent" >
                                                    <span class="menu">
                                                        span class="menu-title">Users Component</span>

                                                    </span>
                                                </a>
                                                <div class="submenu">
                                                    <div class="submenu-wrap">
                                                        <div class="menu-tl">
                                                            <div class="menu-tr">
                                                                <div class="menu-tm"></div>

                                                            </div>

                                                        </div>
                                                        <div class="menu-l">
                                                            <div class="menu-r">
                                                                <div class="submenu-inner clearfix" style="width: 250px;">
                                                                    <div class="megacol col1 first" style="width: 250px;">
                                                                        <ul class="sp-menu level-2">
                                                                            <li class="menu-item first">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/users-component/login-form" class="menu-item first" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Login Form</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/users-component/user-profile" class="menu-item" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">User Profile</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/users-component/edit-user-profile" class="menu-item" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Edit User Profile</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/users-component/registration-form" class="menu-item" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Registration Form</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/users-component/username-reminder" class="menu-item" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Username Reminder Request</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item last">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/users-component/password-reset" class="menu-item last" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Password Reset</span>
                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="menu-bl">
                                                            <div class="menu-br">
                                                                <div class="menu-bm"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="menu-item parent">
                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/search-component" class="menu-item parent" >
                                                    <span class="menu">
                                                        <span class="menu-title">Search Component</span>
                                                    </span>
                                                </a>
                                                <div class="submenu">
                                                    <div class="submenu-wrap">
                                                        <div class="menu-tl">
                                                            <div class="menu-tr">
                                                                <div class="menu-tm"></div>
                                                            </div>
                                                        </div>
                                                        <div class="menu-l">
                                                            <div class="menu-r">
                                                                <div class="submenu-inner clearfix" style="width: 250px;">
                                                                    <div class="megacol col1 first" style="width: 250px;">
                                                                        <ul class="sp-menu level-2">
                                                                            <li class="menu-item first">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/search-component/search" class="menu-item first" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Search</span>

                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="menu-bl">
                                                            <div class="menu-br">
                                                                <div class="menu-bm"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="menu-item last parent">
                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/news-feeds-component" class="menu-item last parent" >
                                                    <span class="menu">
                                                        <span class="menu-title">News Feeds</span>
                                                    </span>
                                                </a>
                                                <div class="submenu">
                                                    <div class="submenu-wrap">
                                                        <div class="menu-tl">
                                                            <div class="menu-tr">
                                                                <div class="menu-tm"></div>
                                                            </div>
                                                        </div>
                                                        <div class="menu-l">
                                                            <div class="menu-r">
                                                                <div class="submenu-inner clearfix" style="width: 250px;">
                                                                    <div class="megacol col1 first" style="width: 250px;">
                                                                        <ul class="sp-menu level-2">
                                                                            <li class="menu-item first">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/news-feeds-component/new-feed-categories" class="menu-item first" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">News Feed Categories</span>
                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/news-feeds-component/single-news-feed" class="menu-item" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">Single News Feed</span>
                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                            <li class="menu-item last">
                                                                                <a href="http://demo.joomshaper.com/joomla25/express/index.php/joomla/news-feeds-component/news-feed-category" class="menu-item last" >
                                                                                    <span class="menu">
                                                                                        <span class="menu-title">News Feed Category</span>
                                                                                    </span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="menu-bl">
                                                            <div class="menu-br">
                                                                <div class="menu-bm"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="menu-bl">
                            <div class="menu-br">
                                <div class="menu-bm"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="menu-item">
                <a href="./events" class="menu-item" >
                    <span class="menu">
                        <span class="menu-title">Events</span>
                    </span>
                </a>
            </li>
            <li class="menu-item last">
                <a href="./contact" class="menu-item last" >
                    <span class="menu">
                        <span class="menu-title">Contact us</span>
                    </span>
                </a>
            </li>
        </ul>
        <div id="sp-share" class="clearfix">
            <div class="sp-inner clearfix">
                <div class="custom"  >
                    <div>
                        <a href="#"><img class="share_img" src="images/social/google_color.png" border="0" alt="" /></a> 
                        <a href="#"><img class="share_img" src="images/social/rss.png" border="0" alt="" /></a>
                        <a href="#"><img class="share_img" src="images/social/skype.png" border="0" alt="" /></a> 
                        <a href="#"><img class="share_img" src="images/social/twitter2.png" border="0" alt="" /></a> 
                        <a href="#"><img class="share_img" src="images/social/digg.png" border="0" alt="" /></a> 
                        <a href="#"><img class="share_img" src="images/social/facebook.png" border="0" alt="" /></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    //<![CDATA[
    window.addEvent('domready',function(){
        var	limits = $(document.body);
        items_v = [], items_h = [];

        $$('div.submenu').each(function (el) {
            if (el.getParent().getParent().hasClass('level-0')) {
                items_v.push(el);
            } else {
                items_h.push(el);
            }
        });

        new SPMenu(items_v, {
            direction: 'LTR',
            bound: limits,
            fxOptions: {
                transition: Fx.Transitions.linear,
                duration: 300			},
            animation: 'slidefade',
            mode: 'vertical',
            offset:{x:0, y: 0}
        });

        new SPMenu(items_h, {
            direction: 'LTR',
            bound: limits,
            fxOptions: {
                transition: Fx.Transitions.linear,
                duration: 300			},
            animation: 'slidefade',
            mode: 'horizontal',
            offset: {x: 0, y: 0}
        });
    });
    //]]>
</script>	
